<template>
  <div class="header2">
    <img src="../../assets/img/maoyan3.png" alt="">
    <span class="h21">发现最新最热电影</span>
    <span class="h22">打开APP<img src="../../assets/img/maoyan4.png" alt=""></span>

  </div>
</template>

<script>
export default {
  name:"header2",
};
</script>
  
<style scoped>
  .header2{
    width: 100%;
    height:60px;
    /* line-height: 60px; */
    position: relative;
    position: fixed;
    top: 52px;
    background: #fff;
    border-bottom:1px solid black ;
  }
  .header2 img{
    width: 94px;
    height: 39px;
    margin-top: 10px;
    margin-left: 10px;
  }
  .header2 span img{
    width: 12px;
    height: 11px;
    margin-top: 5px;
    margin-left: 5px;
  }
  .header2 .h21{
    position: absolute;
    top: 20px;
    left: 140px;
  }
  .header2 .h22{
    position: absolute;
    top: 20px;
    right:20px;
  }
</style>